<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
			<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/xiangqingye.css"/>
		<script src="js/html5shiv.min.js"></script>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
	</head>
	<body>
		<header class="xiangqingye_header">
		<label><a href="pinpai.html"><img src="img/xiangqing_ico.png"/></a></label>
		<span>品牌详情</span>
		<label></label>
		</header>
		
		<article class="xiangqingye_jieshao">
			<div class="xiangqingye_guanzhu">
			<button>关注</button>
			</div>
			<div class="xiangqing_touxiang">
				<img src="img/xiangqing_touxiang.png"/>
			</div>
			<p>爱彼是历史悠久的家传名厂，世界著名三大制表品牌之一。爱彼 传承并发扬着瑞士传统制表精粹，始终秉承“驾驭常规，铸就创 新”的品牌理念。</p>
		</article>
		
		
		<section class="xiangqing_content">
			<ul class="xiangqing_fans">
				<li>3</li>
				<li>粉丝</li>
			</ul>
			<ul class="xiangqing_fans">
				<li>10</li>
				<li>照片</li>
			</ul>
		</section>
		
	<div class="xiangqing_img">
		<ul>
			<li><img src="img/xiangqing_1.png" /></li>
			<li><img src="img/xiangqing_2.png" /></li>
			<li><img src="img/xiangqing_3.png" /></li>
			<li><img src="img/xiangqing_4.png" /></li>
			<li><img src="img/xiangqing_5.png" /></li>
			<li><img src="img/xiangqing_6.png" /></li>
			<li><img src="img/xiangqing_4.png" /></li>
			<li><img src="img/xiangqing_5.png" /></li>
			<li><img src="img/xiangqing_6.png" /></li>
		</ul>
		
	</div>
		<script src="js/jquery-1.12.4.min.js"></script>
		
		<script>
			$('button').click(function(){
			if ($(this).html() == '关注') {
				$(this).html('已关注');
				$(this).css("background","pink");
			} else{
				$(this).html('关注');
				$(this).css("background","none");
			}
			})
			
			
		</script>
		
	</body>
</html>
